<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>City</title>
		<link rel="stylesheet" href="plugins/layui/css/layui.css" media="all" />
	</head>

	<body>

		<div id="city" class="layui-form-item">
			<div class="layui-input-inline">
			<select name="province"></select>
			</div>
			<div class="layui-input-inline">
			<select name="city"></select>
			</div>
			<div class="layui-input-inline">
			<select name="area"></select>
			</div>
		</div>

		<script type="text/javascript" src="plugins/layui/layui.js" ></script>
		<script>
			layui.config({
				base: 'js/'
			}).use('city', function() {
				var city = layui.city,
					$ = layui.jquery;

				$('#city').citys({
					code: 110100,provinceField:'province',cityField:'city',areaField:'area'
				});

			});
		</script>
	</body>

</html>